<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-touch-fullscreen" content="YES" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>填写相关信息</title>
    <link rel="stylesheet" href="../../css/base1.css" />
    <link rel="stylesheet" href="../../css/CellWriteInvoice.css" />
    <link rel="stylesheet" href="../../css/dialog.css" />
</head>
<body>
<div class="wrap">
    <header class="head-contain">
        <a href="javascript:;" class="head-pre"><img src="../../img/ic_back.png" alt=""/></a>
        <p class="head-title">填写相关信息</p>
    </header>
    <div class="panel-contain">
        <div class="panel-title">
            <p>温馨提示：<span>电子发票与纸质发票具备同等法律效力，支持报销入账</span></p>
        </div>
        <div class="panel-item-title">
            <p>发票详情</p>
        </div>
        <div class="panel-item">
            <div class="panel-item-select mustWrite" id="InvoiceType">
                <div class="start"><img src="../../img/ic_bitian_biaoqian.png" alt=""/></div>
                <div class="panel-item-content">
                    <div class="panel-item-select-left">
                        <p>类型</p><span>:</span>
                    </div>
                    <div class="panel-item-select-right"   >
                        <a href="javascript:;"  th:switch="${formBean.headType}">
                            <img   th:case="1" src="../../img/Checkbox_on.png" alt="" id="true"/>
                            <img   th:case="0" src="../../img/Checkbox_off_light.png" id="false" alt=""/>
                            个人/非企业
                        </a>
                        <a href="javascript:;" th:switch="${formBean.headType}">
                            <img   th:case="0" src="../../img/Checkbox_on.png" alt="" id="true"/>
                            <img   th:case="1" src="../../img/Checkbox_off_light.png" alt="" id="false"/>
                            企业
                        </a>
                    </div>
                </div>
            </div>
            <div class="panel-item-select mustWrite" id="InvoiceName">
                <div class="start"><img src="../../img/ic_bitian_biaoqian.png" alt=""/></div>
                <div class="panel-item-content">
                    <div class="panel-item-select-left">
                        <p>名称</p><span>:</span>
                    </div>
                    <div class="panel-item-select-right">
                        <input type="text"  th:value="${formBean.buyerName}" placeholder="请填写公司全名" id="invoiceTitle-search"/>
                    </div>
                </div>
            </div>
            <div class="panel-item-select mustWrite" id="InvoiceTaxNo">
                <div class="start"><img src="../../img/ic_bitian_biaoqian.png" alt=""/></div>
                <div class="panel-item-content">
                    <div class="panel-item-select-left">
                        <p>税号</p><span>:</span>
                    </div>
                    <div class="panel-item-select-right">
                        <input type="text"   th:value="${formBean.buyerTaxNo}" placeholder="公司税号"/>
                    </div>
                </div>
            </div>
            <div class="panel-item-select" id="InvoiceAddress">
                <div class="start"><img src="" alt=""/></div>
                <div class="panel-item-content">
                    <div class="panel-item-select-left">
                        <p>地址电话</p><span>:</span>
                    </div>
                    <div class="panel-item-select-right">
                        <input type="text"   th:value="${formBean.buyerAddressPhone}"  placeholder="公司地址"/>
                    </div>
                </div>
            </div>
            <div class="panel-item-select" id="InvoiceBankName">
                <div class="start"><img src="" alt=""/></div>
                <div class="panel-item-content">
                    <div class="panel-item-select-left">
                        <p>开户账号</p><span>:</span>
                    </div>
                    <div class="panel-item-select-right">
                        <input type="text"  th:value="${formBean.buyerBankAccount}" placeholder="开户银行名称"/>
                    </div>
                </div>
            </div>
            <div class="panel-item-select" id="InvoiceMoney">
                <div class="start"><img src="" alt=""/></div>
                <div class="panel-item-content">
                    <div class="panel-item-select-left">
                        <p>金额</p><span>:</span>
                    </div>
                    <div class="panel-item-select-right">
                        <div class="panel-item-select-right-money">
                            <ins>￥</ins>
                            <input type="text" th:value="${formBean.invoiceTotalPriceTax}"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel-item-title">
            <p>收票信息</p>
        </div>
        <div class="panel-item">
            <div class="panel-item-select mustWrite" id="InvoiceEmail">
                <div class="start"><img src="../../img/ic_bitian_biaoqian.png" alt=""/></div>
                <div class="panel-item-content">
                    <div class="panel-item-select-left">
                        <p>电子邮箱</p><span>:</span>
                    </div>
                    <div class="panel-item-select-right">
                        <input type="text"  th:value="${formBean.buyerEmail}" placeholder="用于接收电子发票，请正确填写"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel-item">
            <div class="panel-item-select" id="InvoicePhone">
                <div class="start"><img src="../../img/ic_bitian_biaoqian.png" alt=""/></div>
                <div class="panel-item-content">
                    <div class="panel-item-select-left">
                        <p>手机号码</p><span>:</span>
                    </div>
                    <div class="panel-item-select-right">
                        <input type="text"  th:value="${formBean.buyerPhone}" placeholder="用于接收电子发票，请正确填写"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="payment-button">
        <button>提交</button>
    </div>
</div>
</body>
<script src="../../js/AutoAdapter.js"></script>
<script src="../../js/jquery-2.1.4.min.js"></script>
<script src="../../js/appInvoice.js"></script>
<script src="../../js/invoice-dialog.js"></script>
</html>